/* 首页样式 */
.main .content .content-right .content-right-banner{
  width: 100%;
  overflow: hidden;
  box-shadow:0px -2px 20px 0px #111,-2px 0px 20px 0px #111,2px 0px 20px 0px #111,0px 2px 20px 0px #111;
  position: relative;
}
.main .content .content-right .content-right-banner .banner-warp{
  width: 500%;
  height: 100%;
}

.main .content .content-right .content-right-banner .banner-warp .banner-item{
  width: 20%;
  height: 100%;
  float: left;
}

.main .content .content-right .content-right-banner .banner-warp .banner-item img{
  width: 100%;
  display: block;
}

.main .content .content-left .pagination .pagination-item div{
  position: absolute;
  right: -55%;
  width: 100%;
  height: 100%; 
}

/* 上一页下一页按钮 */
.content-right-banner .switch-btn{
  width: 48px;
  height: 126px;
  background-image: url(./../img/switch-btn.png);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  /* display: none; */
  margin-top: -63px;
  cursor: pointer;
}

.content-right-banner .pre{
  left: 30px;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); 	/* IE 9 */
  -moz-transform:rotate(180deg); 	/* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg); 	/* Opera */
}

.content-right-banner .next:hover{
  background-image: url(./../img/switch-btn-acitve.png);
}

.content-right-banner .pre:hover{
  background-image: url(./../img/switch-btn-acitve.png);
}

.content-right-banner .next{
  right: 30px;
}

/* 下部导航条 */
.content-right-banner .banner-bottom-nav{
  position: absolute;
  left: 50%;
  bottom: 2%;
  width: 400px;
  height: 20px;  
  margin-left: -200px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.content-right-banner .banner-bottom-nav .banner-bottom-nav-warp{
  width: 21%;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.content-right-banner .banner-bottom-nav .banner-bottom-nav-item{
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0 , 0.7);
}

.content-right-banner .banner-bottom-nav .banner-bottom-nav-item.active{
  background-color: rgba(253, 251, 251, 0.699);
}
/* .content-right-banner:hover .switch-btn{
  display: block;
} */
